<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
 <head>
 <base href="<%=basePath%>">
<meta http-equiv="Content-Type" content="text/jsp; charset=utf-8" />
<title>易买网 - 登录</title>
<link rel="stylesheet" href="css/index.css" >
<link type="text/css" rel="stylesheet" href="css/style.css" />
<script type="text/javascript" src="scripts/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="scripts/function.js"></script>
</head>
  
  <body>
<!--首部 开始-->
<header>
    <div class="main_bar">
        <div class="mian_sec">
            <div class="main_sec_left fl">
                <a href=""></a>
            </div>
            <div class="main_sec_right fr">
                <div class="main_sec_r_ser">
                    <form action="" id="search" name="search">
                        <input type="text" class="ser_inp fl" placeholder="请输入您想比较的商品名称或型号">
                        <button class="ser_btn fr">搜 索</button>
                    </form>
                </div>
                <div class="main_sec_r_con"><small>热门比价：</small>
                    <a href="">iPhone8</a>
                    <a href="">小米6</a>
                    <a href="">华为P10</a>
                    <a href="">小米MIX2</a>
                    <a href="">乐视TV</a>
                    <a href="">ipad mini2</a>
                </div>
            </div>
        </div>
    </div>
    <!--Logo 结束-->
    <!--导航 开始-->
    <div class="nav_bar">
        <div class="mian_sec">
            <ul>
                <li><a href="" title="首页">首页</a></li>
                <li><a href="" title="比价">比价</a></li>
                <li><a href="" title="口碑">口碑</a></li>
                <li><a href="" title="特价">特价</a></li>
                <li><a href="" title="促销">促销</a></li>
                <li><a href="" title="试用">试用</a></li>
            </ul>
            <div class="nav_mian_sec_right1 nav_mian_sec_right fr">
                <i></i><a href="" title="品牌大全">品牌大全</a>
            </div>
            <div class="nav_mian_sec_right2 nav_mian_sec_right fr">
                <i></i><a href="" title="积分商城">积分商城</a>
            </div>
        </div>
    </div>
    <!--导航 结束-->
</header>
<!--首部 结束-->

<div id="register" class="wrap">
	<div class="shadow">
		<em class="corner lb"></em>
		<em class="corner rt"></em>
		<div class="box">
			<h1>欢迎回到易买网</h1>
			<form id="loginForm" method="post" action="servlet/loginServlet" >
				<table>
					<tr>
						<td class="field">用户名：</td>
						<td>
                            <input class="text" type="text" id="userId" name="userId" />
							<span></span>
						</td>
					</tr>
					<tr>
						<td class="field">登录密码：</td>
						<td>
                            <input class="text" type="password" id="password" name="password" />
							<span></span>
						</td>
					</tr>
					
					<!--  
					<tr>
					<td class="field">验证码：</td>
						<td>
                            <img src="number.jsp" id="safeCode"/><a id="changeCode" href="javascript:void(0)">看不清，换一张</a><br>
	                        <input type="text" name="code"><div class="mess"></div>
							<span></span>
						</td>
					</tr>
					-->
					
					<tr>
						<td></td>
						<td>
						<label class="ui-green">
						<input type="submit" name="submit" value="立即登录" />
						</label>
						</td>
					</tr>
				</table>
			</form>
		</div>
	</div>
	<div class="clear"></div>
</div>
<div id="footer">
	
</div>
</body>
</html>
